<template lang="html">
  <div class="blueberrypai">
    <BlueberryHeader />
    <BlueberryComment :value="value" :blueberrypaiData="blueberrypaiData"/>
  </div>
</template>

<script>
import BlueberryHeader from '@/components/BlueberryComment/BlueberryHeader'
import BlueberryComment from '@/components/BlueberryComment/BlueberryComment'
export default {
  name: 'BlueberryPai',
  data(){
    return{
      value:1,
      blueberrypaiData:[]
    }
  },
  components:{
    BlueberryComment,
    BlueberryHeader
  },
  mounted(){
    this.$axios.get(this.HOST+"/api/blueBerryJam")
    .then(res =>{
       // console.log(res.data)
       this.blueberrypaiData.push(res.data)
    })

    this.$axios.get(this.HOST+"/api/blueBerryJam2")
    .then(res =>{
       // console.log(res.data)
       this.blueberrypaiData.push(res.data)
    })

    this.$axios.get(this.HOST+"/api/blueBerryJam3")
    .then(res =>{
       // console.log(res.data)
       this.blueberrypaiData.push(res.data)
    })
  }
}
</script>

<style lang="css"  scoped>
  .blueberrypai{
    font-size: 0.16rem;
    background: #fff;
  }
</style>